<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>主页-公告</title>
	<link rel="stylesheet" href="css/index_style.css">
	<link rel="stylesheet" href="css/left_style.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/headers.css">
	<style>
		a.input {
   			display: inline-block;
   			overflow: hidden;
   			position: relative;
   			top: 10px;
   			color: blue;
   			text-decoration: none;
 		} 

 		a.input:hover {
  			text-decoration: underline;
 		}

 		#upfile,#infile {
   			opacity: 0;
   			filter: alpha(opacity=0);
   			font-size: 100px;
   			position: absolute;
   			top: 0;
   			right: 0;
 		}
 		.touxiang {
 			position: absolute;
        	left: 50%;
 		}
    	#image-holder {
        	width: 82px;
        	height: 82px;
        	border-radius: 50%;
        	border: 1px solid red;
        	display: inline-block;
    	}
    	.thumb-image {
        	width: 100%;
        	height: 100%;
        	border-radius: 50%;
    	}
    	#image {
    		display: block;
        	width: 135px;
        	height: 135px;
        	border-radius: 50%;
        	border: 1px solid red;
        	position: absolute;
        	top: 50%;
        	left: 50%;
    	} 
	</style>
</head>
<body>
<!-- 加载头部信息 -->
<?php
	include_once("header.php");
?>

<!-- 中间内容 -->
<div class="content clearfloat">
	<!-- 左边内容 -->
	<div class="left_content">
		<ul class="left_nav" id="left_ul">
			<li class="active_nav"><a href="notice.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/notice.png' alt='图片' class='left_img left_img1' id='left_img1'";?>
					<?php //echo "<img src='images/notice_style.png' alt='图片' class='left_img left_im' id='left_img1'";?>
					<span>动&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</span>
				</span>
				<canvas id="canvas_index1" width="18" height="48"></canvas>	
			</a></li>
			<li><a href="mytask.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/course.png' alt='图片' class='left_img2' id='left_img2'";?>
					<span>我的作业</span>
				</span>
				<canvas id="canvas_index2" width="18" height="48"></canvas>
			</a></li>
			<li><a href="mycourse.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/mycourse.png' alt='图片' class='left_img3' id='left_img3'";?>
					<span>我的课程</span>
				</span>
				<canvas id="canvas_index3" width="18" height="48"></canvas>
			</a></li>
			<li><a href="per_setup.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/setup.png' alt='图片' class='left_img4' id='left_img4'";?>
					<span>个人设置</span>
				</span>
				<canvas id="canvas_index4" width="18" height="48"></canvas>
			</a></li>
			<li><a href="per_setup.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/help.png' alt='图片' class='left_img5' id='left_img5'";?>
					<span>帮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;助</span>
				</span>
				<canvas id="canvas_index5" width="18" height="48"></canvas>
			</a></li>
		</ul>
	</div>

	<!-- 右边内容 -->
	<div class="center_content">
		<p>暂无任何动态</p>
	</div>

	<!-- 右侧栏 -->
	<?php
		include_once("right_content.php");
	?>
</div>

<!-- 加载左边导航的样式 -->
<?php
	include_once("nav_style.php");
?>

<!-- 加载底部信息 -->
<?php
	include_once("footer.php");
?>

<script>
	// var left_img = document.getElementsByTagName("img");
	// for() {

	// }
</script>
</body>
</html>